<template>
    <div class="q-pa-lg">
        <t-multilingual
        label="测试标题"
        labelPosition="left"
        space="12"/>
    </div>


</template>

<script setup>
import { onMounted, ref, watch } from 'vue';

const value = ref({
        '': '中文',
        '_en_US': '英文',
        '_jp': '日文',
        '_fr': '法文',
        '_zh_TW': '繁体'
});
const localInfoList = ref(null)
try {
    localInfoList.value =   TFF.common.ctx.getLocaleInfo()
} catch (error) {
}
if(!localInfoList.value) {
    localInfoList.value =  [
        {
          ID: 'zh-CN',
          ShortName: '简',
          DisplayName: '中文 (简体)',
          RepositoryCode: 'zh_CN',
          Direction: null,
          IsMain: true
        }
      ]
}
localInfoList.value = localInfoList.value.map((item) => {
    return { lang: item.ID, langSuffix: `_${item.ID.replace("-", "_")}`, ...item }
})
console.log('localInfoList', localInfoList.value);
</script>
